<template>
  <div class="mdui-textfield mdui-textfield-floating-label">
    <label class="mdui-textfield-label">New Password</label>
    <input
      class="mdui-textfield-input"
      type="password"
      v-model="newpasswd"
      @change="add()"
      @keyup.enter="enterAdd()"
    />
  </div>
</template>

<script>
export default {
  data () {
    return {
      newpasswd: ''
    }
  },
  methods: {
    add () {
      this.$emit('newPassword', this.newpasswd)
    },
    enterAdd () {
      this.$emit('enterPasswd', this.newpasswd)
    }
  }
}
</script>

<style>
</style>
